<template>
  <el-header>
      <div class="l-content">
          <el-button size="small">
              <el-icon :size="20"><Menu /></el-icon>
          </el-button>
      </div>
      <div class="r-content">
          <el-dropdown>
            <span class="el-dropdown-link">
                <img src="../assets/image/user.png"/>
            </span>
            <template #dropdown>
            <el-dropdown-menu>
                <el-dropdown-item>个人中心</el-dropdown-item>
                <el-dropdown-item>退出</el-dropdown-item>              
            </el-dropdown-menu>
            </template>
        </el-dropdown>
      </div>
  </el-header>
</template>

<style lang="less" scoped>
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.r-content img{

    border-radius: 50%;
}
</style>